﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="HungryCrowd._default" MasterPageFile="~/master/Main.Master" %>

<asp:Content ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<div id="page-wrap" style="margin-left:auto;">											
	<div class="slider-wrap">
		<div id="main-photo-slider" class="csw">
			<div class="panelContainer">
				<div class="panel" title="Panel 1">
					<div class="wrapper">
						<img src="images/images/slider1.jpg" alt="temp" />
						<div class="photo-meta-data">
                            
						</div>
					</div>
				</div>
				<div class="panel" title="Panel 2">
					<div class="wrapper">
						<img src="images/images/slider2.jpg" alt="temp" />
						<div class="photo-meta-data">
                           
						</div>
					</div>
				</div>		
				<div class="panel" title="Panel 3">
					<div class="wrapper">						
						<img src="images/images/slider3.jpg" alt="scotch egg"/>						
						<div class="photo-meta-data">						
                            
                        </div>
					</div>
				</div>
				<div class="panel" title="Panel 4">
					<div class="wrapper">
						<img src="images/images/slider4.jpg" alt="temp" />
						<div class="photo-meta-data">
				          
						</div>
					</div>
				</div>
				<div class="panel" title="Panel 5">
					<div class="wrapper">
						<img src="images/images/slider5.jpg" alt="temp" />
						<div class="photo-meta-data">				           
						</div>
					</div>
				</div>
				<div class="panel" title="Panel 6">
					<div class="wrapper">
						<img src="images/images/slider6.jpg" alt="temp" />
						<div class="photo-meta-data">
                       
                    </div>
					</div>
				</div>
			</div>
		</div>

		<a href="#1" class="cross-link active-thumb"><img src="images/images/slider1-1thumb.jpg" class="nav-thumb" alt="temp-thumb" /></a>
		<div id="movers-row">
			<div><a href="#2" class="cross-link"><img src="images/images/slider2-2thumb.jpg" class="nav-thumb" alt="temp-thumb" /></a></div>
			<div><a href="#3" class="cross-link"><img src="images/images/slider3-3thumb.jpg" class="nav-thumb" alt="temp-thumb" /></a></div>
			<div><a href="#4" class="cross-link"><img src="images/images/slider4-4thumb.jpg" class="nav-thumb" alt="temp-thumb" /></a></div>
			<div><a href="#5" class="cross-link"><img src="images/images/slider5-5thumb.jpg" class="nav-thumb" alt="temp-thumb" /></a></div>
			<div><a href="#6" class="cross-link"><img src="images/images/slider6-6thumb.jpg" class="nav-thumb" alt="temp-thumb" /></a></div>
		</div>

	</div>	 
	</div>
<div id="twitterDiv" style="width:477px;margin-left:auto;margin-right:auto;">            
   <a class="twitter-timeline" href="https://twitter.com/search?q=%23Hungry_Crowd" data-widget-id="397075568845258752">Tweets about "#Hungry_Crowd"</a>
<script>
    !function (d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https';
        if (!d.getElementById(id)) {
            js = d.createElement(s); js.id = id; js.src = p + "://platform.twitter.com/widgets.js";
            fjs.parentNode.insertBefore(js, fjs);
        }
    }(document, "script", "twitter-wjs");

</script>


</div>
<div style="padding-top:15px;"><a href="http://stophungernowsa.org" target="_blank"><img src="../images/stop_hunger_now.png" width="200" height="200" /></a></div>
    <script type="text/javascript">

        var theInt = null;
        var $crosslink, $navthumb;
        var curclicked = 0;

        theInterval = function (cur) {
            clearInterval(theInt);

            if (typeof cur != 'undefined')
                curclicked = cur;

            $crosslink.removeClass("active-thumb");
            $navthumb.eq(curclicked).parent().addClass("active-thumb");
            $(".stripNav ul li a").eq(curclicked).trigger('click');

            theInt = setInterval(function () {
                $crosslink.removeClass("active-thumb");
                $navthumb.eq(curclicked).parent().addClass("active-thumb");
                $(".stripNav ul li a").eq(curclicked).trigger('click');
                curclicked++;
                if (6 == curclicked)
                    curclicked = 0;

            }, 3000);
        };

        $(function () {

            $("#main-photo-slider").codaSlider();

            $navthumb = $(".nav-thumb");
            $crosslink = $(".cross-link");

            $navthumb
            .click(function () {
                var $this = $(this);
                theInterval($this.parent().attr('href').slice(1) - 1);
                return false;
            });

            theInterval();
        });
	</script>
</asp:Content>


